
page{
	background-color: #F5F5F5;
	padding-bottom: 200upx;
}
.subinformation{
	.subin_top{
		padding: 40upx;
		background-color: $themecolor;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.subatop_left{
			.subatop_first{
				display: flex;
				.top_picture{
					display: flex;
					flex-direction: column;
					align-items: center;
					.bigcircle{
						width: 36upx;
						height: 36upx;
						border: 2upx solid #9EB6F3;
						border-radius: 50%;
						display: flex;
						justify-content: center;
						align-items: center;
						.middlecircle{
							width: 16upx;
							height: 16upx;
							background: #FFFFFF;
							border-radius: 50%;	
						}
					}
					
				}
				.subatop_already{
					display: flex;
					font-size: 32upx;
					margin-left: 30upx;
					color: #FFFFFF;
					.already_img{
						width: 12upx;
						height: 19upx;
						margin-left: 20upx;
						margin-top: 14upx;
					}
				}			
			}
			
		}
		
	}
	
	.subin_middle{
		padding: 35upx 40upx 50upx 40upx;
		background-color: #FFFFFF;
		.subinfor_info{
			display: flex;
			margin-top: 30upx;
			.subinfor_img{
				width: 160upx;
				height: 160upx;
				border-radius: 10upx;
			}
			.subinfor_right{
				flex: 1;
				margin-left: 30upx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				.subinfor_title{
					display: flex;
					justify-content: space-between;
					.title_text{
						font-size: 30upx;
						font-weight: 800;
					}
				}
				.subinfor_num{
					display: flex;
					justify-content: space-between;
					margin-top: 28upx;
					.num_text{
						font-size: 26upx;
						color: #666666;
					}
				}
			}
		}
		.subindent_info{
			background-color: #FFFFFF;
			margin-top: 75upx;
			.subindent_title{
				font-size: 34upx;
				font-weight: 800;
				padding-bottom: 10upx;
			}
			.subindent_price{
				display: flex;
				justify-content: space-between;
				margin-top: 49upx;
				.textprice{
					font-size: 30upx;
					color: #666666;
				}
				.numprice{
					font-size: 32upx;
					font-weight: 800;
				}
				.numprice_a{
					font-size: 32upx;
				}
			}
			.divider{
				height: 2upx;
				background: #F5F5F5;
				margin: 60upx 0upx;
			}
		}
	}
	
	.subinfor_account{
		background-color: #FFFFFF;
		width: 100%; 
		display: flex;
		justify-content: flex-end;
		padding: 18upx 20upx;
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		z-index: 99;
		
		.subinfor_btn{
			margin-left: 20upx;
			height: 84upx;
			padding: 0upx 45upx;
			display: flex;
			align-items: center;
			border-radius: 42upx;
			background-color: #FFFFFF;
			border: 2upx solid #666666;	
		}
		.btnhong {
			border: 0;
			background-color: #5771FF;
			color: #FFFFFF;
		}
		
	}
}